<template>
    <div class="base-set bg-light">
        <div class="container-title">活动信息
            <Button type="primary" @click="jumpPrevPage">修改促销</Button>
        </div>
        <div class="info-list mt">
            <Row class-name="setRow-padding">
                <Col span="8">
                    <span>活动名称：</span>{{$store.state.fullsubSale.FullsubForm.name}}
                </Col>
                <Col span="8">
                    <span>活动时间：</span>{{$store.state.fullsubSale.FullsubForm.date[0] | dateTime}} -{{$store.state.fullsubSale.FullsubForm.date[1] | dateTime}}
                </Col>
                <Col span="8">
                    <span>满减类型：</span>{{type}}
                </Col>
            </Row>
            <Row class-name="setRow-padding">
                <Col span="8">
                    <span>活动对象：</span>{{grade}}
                </Col>
                <Col span="8">
                    <span>参与方式：</span>{{gender}}
                </Col>
                <Col span="8">
                    <div class="flexalign-center" v-show="$store.state.fullsubSale.FullsubForm.type == '2'">
                        <span class="selfalign-center">活动规则：</span>
                        <ul><li v-show="$store.state.fullsubSale.FullsubForm.main"  >满{{$store.state.fullsubSale.FullsubForm.main}}元减{{$store.state.fullsubSale.FullsubForm.second}}元</li></ul>
                    </div>
                    <div class="flexalign-center" v-show="$store.state.fullsubSale.FullsubForm.type == '1'">
                        <span class="selfalign-center">活动规则：</span>
                        <ul><li v-show="item.value" v-for="(item,index) in $store.state.fullsubSale.FullsubForm.discount1" :key="index">满{{item.value}}元</li></ul>
                         <ul><li v-show="item.value" v-for="(item,index) in $store.state.fullsubSale.FullsubForm.discount2" :key="index">减{{item.value}}元</li></ul>
                    </div>
                </Col>
                <!-- <div class="flexalign-center" v-show="$store.state.moreSale.MoresaleForm.type == '1'">
                    <span class="selfalign-center">活动规则：</span>
                    <ul><li v-show="$store.state.moreSale.MoresaleForm.main" >满{{$store.state.moreSale.MoresaleForm.main}}件减{{$store.state.moreSale.MoresaleForm.second}}件</li></ul>
                </div>
                <div class="flexalign-center" v-show="$store.state.moreSale.MoresaleForm.type == '2'">
                    <span class="selfalign-center">活动规则：</span>
                    <ul><li v-show="item.value" v-for="(item,index) in $store.state.moreSale.MoresaleForm.type2" :key="index">满{{item.value}}</li></ul>
                    <ul><li v-show="item.value" v-for="(item,index) in $store.state.moreSale.MoresaleForm.type1" :key="index">件打{{item.value}}折</li></ul>
                </div> -->
            </Row>
            <Row class-name="setRow-padding">
                <Col span="8">
                    <span>活动备注：</span>{{$store.state.fullsubSale.FullsubForm.remarks}}
                </Col>
            </Row>
        </div>
    </div>
</template>
<script>
export default {
    name: 'activeinfo',
    mounted () {
    },
    data () {
        return {
            buttonSize: 'large',
        }
    },
    methods: {
        jumpPrevPage () {
            this.$router.back();
        }
    },
    computed: {
        type () {
            return this.$store.getters.fullSubType;
        },
        gender () {
            return this.$store.getters.fullSubGender;
        },
        grade () {
            return this.$store.getters.fullSubGrade;
        }
    }
}
</script>

